<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <link href="css/base.css" rel="stylesheet" />
    <!--字体图标样式-->
    <link href="font/iconfont.css" rel="stylesheet" />
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/public.css" rel="stylesheet" />
    <link href="css/register.css" rel="stylesheet" />
    <!--表单验证-->
    <link href="css/formvalid.css" rel="stylesheet" />
</head>
<body>
<div class="head">
    <div class="container">
        <div class="top-main">
            <ul class="fright">
                <li><a href="login.html">登录</a><em></em></li>
                <li><a href="register.html">注册</a><em></em></li>
                <li class="mm"><a href="javascript://"><i class="icon iconfont phone">&#xe612;</i>手机版</a><em></em></li>
                <li class="ms">
                    <a href="javascript://">
                        <i class="icon iconfont list">&#xe600;</i>
                        <b>导航</b>
                        <i class="icon iconfont xiala">&#xe61a;</i>
                    </a>
                    <div class="xialaBox">
                        <div class="fleft xl">
                            <h5>文化分类</h5>
                            <div class="nav-list">
                                <p><a href="javascript://">亲子活动</a></p>
                                <p><a href="javascript://">公益活动</a></p>
                                <p><a href="javascript://">展览展会</a></p>
                                <p><a href="javascript://">名家讲坛</a></p>
                                <p><a href="javascript://">技术研讨</a></p>
                                <p><a href="javascript://">全名可普</a></p>
                            </div>
                        </div>
                        <div class="fleft xr">
                            <h6><a href="javascript://">活动讲座</a></h6>
                            <h6><a href="javascript://">文化资源</a></h6>
                            <h6><a href="javascript://">场馆预约</a></h6>
                            <h6><a href="javascript://">机构广场</a></h6>
                        </div>
                    </div>
                </li>
            </ul>
            <span>HI，欢迎访问智慧文化云</span>
        </div>
    </div>
</div>
<div class="container">
    <div class="top-mid">
        <img src="../images/logo.png" />
    </div>
</div>
<div class="content">
    <div class="container">
        <h1>用户注册</h1>
        <div class="main">
            <!--给 form-group 在不同状态下添加样式
                1.点击输入:.OK
                2.错误样式:.error
                3.警告样式:.warning
                4.成功样式:.success
                -->
            <div class="form-body marginTop10">
                <div class="form-group error">
                    <div class="input-group col-xs-12">
                        <i class="icon iconfont">&#xe615;</i>
                        <input type="text" class="form-control" placeholder="请输入用户名" aria-describedby="basic-addon1"
                               id="regist_username">
                        <em><i class="icon iconfont">&#xe605;</i><b>密码有效长度6~12位,包含字母数字下划线</b></em>
                    </div>
                </div>
                <div class="form-group warning">
                    <div class="input-group col-xs-12">
                        <i class="icon iconfont">&#xe604;</i>
                        <input type="text" class="form-control" placeholder="请输入邮箱" aria-describedby="basic-addon1"
                               id="regist_email">
                        <em><i class="icon iconfont">&#xe605;</i><b>密码有效长度6~12位,包含字母数字下划线</b></em>
                    </div>
                </div>
                <div class="form-group success">
                    <div class="input-group col-xs-12">
                        <i class="icon iconfont" style="font-size:20px;top:2px;">&#xe614;</i>
                        <input type="password" class="form-control" placeholder="请输入密码"
                               aria-describedby="basic-addon1" id="regist_passwd">
                        <em><i class="icon iconfont">&#xe61c;</i><b>密码有效长度6~12位,包含字母数字下划线</b></em>
                    </div>
                </div>
                <div class="form-group">
                    <div class="input-group col-xs-12">
                        <i class="icon iconfont" style="font-size:20px;top:2px;">&#xe614;</i>
                        <input type="password" class="form-control" placeholder="请确认密码"
                               aria-describedby="basic-addon1" id="repeat_regist_passwd">
                        <em><i class="icon iconfont">&#xe61c;</i><b>密码有效长度6~12位,包含字母数字下划线</b></em>
                    </div>
                </div>
                <div class="form-group hide">
                    <div class="prompt col-xs-12">
                        请输入您的登录密码
                    </div>
                </div>
                <div class="form-group">
                    <div class="input-group col-xs-12">
                        <i class="icon iconfont" style="font-size:24px;top:1px;">&#xe61d;</i>
                        <input type="text" class="form-control" placeholder="验证码" aria-describedby="basic-addon1"
                               style="width:60%">
                        <span class="yzmImg"><img src="images/yzmimg.gif" style="width:100%; height:100%"/></span>
                        <em><i class="icon iconfont">&#xe61c;</i><b>密码有效长度6~12位,包含字母数字下划线</b></em>
                    </div>
                </div>
                <div class="form-group" style="margin-top:20px;">
                    <div class="no-space">
                        <div class="checker">
                            <input type="checkbox" id="isread" checked="checked"/>
                            <label>已阅读并同意<a href="javascript://">《云平台协议》</a></label>
                        </div>
                    </div>
                    <div class="text-right no-space"><a href="#" style="color:#888;" id="returnlogin"onclick="window.location.href ='login.html'; return false">返回登录</a></div>
                </div>
                <div class="form-group marginBot8">
                    <button class="btn btn-block orange" type="button" id="butrequestgo"onclick="window.location.href ='emailsuccess.html'; return false">立即注册</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container">
        <p class="foot-list">
            <span><a href="javascript://">平台介绍</a>|</span>
            <span><a href="javascript://">意见建议</a>|</span>
            <span><a href="javascript://">网站地图</a>|</span>
            <span><a href="javascript://">友情链接</a>|</span>
            <span><a href="javascript://">联系方式</a></span>
        </p>
        <p class="copyright">
            <span>版权所有 智慧文化云 Copyright2003-2016 All Rights Reserved 沪ICP备1143884号</span>
            <span>沪公网安备11010234000430号 上海上业信息科技有限公司</span>
        </p>
    </div>
</div>
<!--js引用1-->
<script src="js/respond.src.js"></script>
<script src="js/jquery-1.9.1.min.js"></script>
<script>
    $(".form-control").focus(function () {
        $(this).siblings("i").css("color","#66afe9")
    }).blur(function(){
        $(".form-control").siblings("i").css("color","")
    })
    //头部导航下拉
    $(".top-main li.ms").mouseover(function () {
        $(this).addClass("mr current");
        $(this).siblings(".mm").addClass("curleft");
    }).mouseleave(function () {
        $(".top-main li.ms").removeClass("mr current");
        $(".top-main li.mm").removeClass("curleft");
    })
</script>
<!--表单验证内容
               1.该用户名已存在
               2.用户名有效长度6~20位，包含字母数字下划线
               3.该邮箱已存在
               4.请输入正确的邮箱格式
               5.两次密码内容不同
               6.验证码错误
               7.此字段必填
               8.请输入有效的手机号码
-->
</body>
</html>